<div class="card">
    <div class="card-body">
        <div class="mb-3">
            <label class="form-label">Title</label>
            <input type="text" class="form-control form-control-lg" ng-model="$ctrl.module.title"
                ng-blur="$ctrl.gennerateName()" placeholder="Module title..." required />
        </div>
        <div class="row">
            <div class="col-10" ng-if="$ctrl.isInRole('SuperAdmin')">
                <div class="mb-3 mb-0">
                    <label class="form-label">System Name</label>
                    <input type="text" class="form-control" ng-model="$ctrl.module.name" />
                    <small class="form-text text-muted">This system name is using within the template code.</small>
                </div>
            </div>
            <div class="col" ng-if="$ctrl.isInRole('SuperAdmin')">
                <div class="mb-3">
                    <label class="form-label">Page Size</label>
                    <input type="number" class="form-control" ng-model="$ctrl.module.pageSize" />
                </div>
            </div>
        </div>
        <div class="mb-3">
            <label class="form-label">Content Body</label>
            <trumbowyg options="{}" ng-model="$ctrl.module.description"></trumbowyg>

            <!-- <quill-editor content="$ctrl.module.description"></quill-editor> -->
        </div>
    </div>
</div>